/**
 * Created by 86185 in 2020/8/28 on 21:41
 */
import React from "react"

import "@/components/TicketSourceCount/TicketSourceCount.component.styl"

import PieRouseTypeChart from "@/components/common/PieRouseTypeChart/PieRouseTypeChart.component"

class TicketSourceCount extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            pieRouseTypeData: {
                id: "ticket-source-count",
                seriesName: "票务来源统计",
                legendData: ["散客", "团客", "携程", "途牛", "飞猪", "去哪儿", "马蜂窝"],
                seriesData: [
                    {value: 10, name: "散客"},
                    {value: 5, name: "团客"},
                    {value: 15, name: "携程"},
                    {value: 25, name: "途牛"},
                    {value: 20, name: "飞猪"},
                    {value: 35, name: "去哪儿"},
                    {value: 30, name: "马蜂窝"},
                ]
            }
        }
    }

    render() {
        return (
            <div className="ticket-source-count">
                <div className="icon">
                    <i className="icon-1 fa fa-chevron-up"></i>
                    <i className="icon-2 fa fa-chevron-up"></i>
                    <i className="icon-3 fa fa-chevron-up"></i>
                    <i className="icon-4 fa fa-chevron-up"></i>
                </div>
                <div className="title">
                    <i className="left-icon fa fa-angle-right">
                        <i className="fa fa-angle-right"></i>
                    </i>
                    <span className="text">票务来源统计</span>
                    <i className="right-icon fa fa-angle-left">
                        <i className="fa fa-angle-left"></i>
                    </i>
                </div>
                <div className="chart">
                    <PieRouseTypeChart pieRouseTypeData={this.state.pieRouseTypeData}></PieRouseTypeChart>
                </div>
            </div>
        );
    }
}

export default TicketSourceCount